{% extends '__base__.html' %}
{% block title %}主页-Jack's web app{% endblock %}

{% block content %}
<h3>推荐教程</h3>
<form>
    <fieldset>
        <img src="/static/img/pythonhome.jpg" align="left">
        <a href="http://localhost:9090/webapp/python/pythonhome" style="float:left">Python教程</a>
        <br>
        <p>小白的Python新手教程,具有如下特点:中文,免费,零起点,完整示例,基于最新的Python 3版本.</p>
   </fieldset>
</form>
<h3>最新发表</h3>
<form>
    <fieldset>
        <img src="/static/img/Hogwarts_train.jpg" align="left">
        <a href="http://localhost:9090/webapp/reading/hogwarts_train" style="float:left">霍格沃茨火车改装指南</a>
        <br>
        <p>本文介绍如何在不使用黑魔法的情况下改装霍格沃茨火车。</p>
    </fieldset>
    <fieldset>
        <img src="/static/img/alphago.jpg" align="left">
        <a href="http://localhost:9090/webapp/reading/alphago" style="float:left">彪悍的职业不惧阿尔法狗</a>
        <br>
        <p>为什么说只有彪悍的职业才不惧阿尔法狗的挑战！</p>
    </fieldset>
    <fieldset>
        <img src="/static/img/crisis.jpg" align="left">
        <a href="http://localhost:9090/webapp/reading/crisis" style="float:left">人工智能时代的危机</a>
        <br>
        <p>这是一篇2000字的书评。</p>
    </fieldset>
    <fieldset>
        <img src="/static/img/potatochips.jpg"  width="197" height="115" align="left">
        <a href="http://localhost:9090/webapp/reading/potato" style="float:left">掉到地上的薯片还能吃吗？</a>
        <br>
        <p>薯片是一种很好吃的食物。那么你知道掉到地上的薯片还能吃吗？</p>
    </fieldset>
    <fieldset>
        <img src="/static/img/the_end_of_the_sea.jpg" width="200" height="113" align="left">
        <a href="http://localhost:9090/webapp/whatif/sea1" style="float:left">What if you drain the sea?(1)</a>
        <br>
        <p>How quickly would the oceans drain if a circular portal 10 meters in radius leading into space were created at the bottom of Challenger Deep,
            the deepest spot in the ocean? How would the Earth change as the water was being drained?</p>
    </fieldset>
</form>
{% endblock %}